.md-slider { width: 100%; height: 100%; position: relative; overflow: hidden; }
.md-sliding { display: none; position: absolute; left: 0; top: 0; z-index: 3; height: 100%; width: 100%; }
.ms-item { position: relative; z-index: 5; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; float: left; }
.mi-desc { position: absolute; left: 0; bottom: .4em; z-index: 5; padding-left: .5em; font-size: 1.2em; color: #fff; }
.mi-desc-down { color: #666; }
.mi-desc-mask { display: none; position: absolute; left: 0; bottom: 0; z-index: 4; width: 100%; height: 2.5em; background-color: #000; opacity: .3; }
.ms-cursor { position: absolute; left: 0; bottom: .6em; z-index: 5; width: 100%; text-align: center; }
.ms-cursor .mc-cr { padding: .3em .6em; text-align: center; background-color: #090; margin: 0 0.3em; border-radius: 50%; color: #fff; }
.ms-cursor .mc-cr.active { background-color: #f60; }
.ms-num { position: absolute; right: 0.3em; bottom: .1em; z-index: 5; font-size: 1em; color: #fafafa; background:rgba(0,0,0,.5); padding: .2em; border-radius: .3em; } 
.ms-num i { font-style: normal; color: #f60; } 
.ms-num b { font-weight: normal; } 
.ms-num del { color: #ddd; text-decoration: none; margin: 0 .1em; } 